<template>
    <div class="my-container">
        <!-- {{json}} -->
        	<ul class="mui-table-view">
				<li class="mui-table-view-cell mui-media">
					<a href="javascript:;">
						<img class="mui-media-object mui-pull-right" src="">
						<div class="mui-media-body">
							远眺
							<p class='mui-ellipsis'>静静的看这个世界，最后终于疯了</p>
						</div>
					</a>
				</li>
				<li class="mui-table-view-cell mui-media">
					<a href="javascript:;">
						<img class="mui-media-object mui-pull-right" src="">
						<div class="mui-media-body">
							幸福
							<p class='mui-ellipsis'>能和心爱的人一起睡觉，是件幸福的事情；可是，打呼噜怎么办？</p>
						</div>
					</a>
				</li>
				<li class="mui-table-view-cell mui-media">
					<a href="javascript:;">
						<img class="mui-media-object mui-pull-right" src="">
						<div class="mui-media-body">
							木屋
							<p class='mui-ellipsis'>想要这样一间小木屋，夏天挫冰吃瓜，冬天围炉取暖.</p>
						</div>
					</a>
				</li>
			</ul>

            <!-- 图片 -->
            <img class="img1" src="https://static.oschina.net/uploads/img/201901/30170127_4JzF.png" alt="五">
    </div>
</template>

<script>
  import {getAction} from '@/api/manage'
  export default {
    data () {
      return {
        msg: "我是唐福忠",
        json:json
      }
    },
    methods: {
      hello () {
        var url = "/test/tfzh"
        getAction(url).then((res) => {
          if (res.success) {
            this.msg = res.result;
            this.json = res;
          }
        })
      }
    },
    created() {
      this.hello();
    }
  }
</script>

<style lang="scss" scoped>
    ul li{
        list-style: none;
    }
    .my-container{
        text-align: center;
        background-color: white;
        .img1{
            height: 400px;
            width:600px;
        }
    }
</style>